
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="./js/jquery-3.1.1.min.js">
		</script>
		<style>
			*{
				margin: 0px;
				padding: 0px;
			}
			#first{
				width: 1800px;
				height: 700px;
				background-image: url(img/zhuye.jpg);
			}
			.h2-1,.h2-2{
				display: inline-block;
				margin: 1em;
				text-indent: 1em;
			}
			.denglu{
				width: 300px;
				height: 50px;
				background-color: darkorange;
				position: relative;
				cursor:pointer;
				left: 20px;
				top: 20px;
			}
			.denglufont{
				position: absolute;
				top: 15px;
				left: 140px;
				color: white;
			}
			#second{
				width: 340px;
				height: 300px;
				background: white;
				position: absolute;
				top: 140px;
				left: 1150px;
			}
			a{
				text-decoration: none;
				color: gray;
			}
			a:hover{
				color: #FF8C00;
			}
			.a{
				height: 40px;
				width: 260px;
				position: relative;
				left: 40px;
				top: -10px;
			}
			.b{
				height: 40px;
				width: 260px;
				position: relative;
				left: 40px;
			}
			ul{
				list-style: none;
				font-size: 12px;
			}
			.c{
				position: relative;
				top: 10px;
				left: 30px;
			}	
			.c li{
				position: relative;
				top: 19px;
				right: 5px;
			}
			.d li{
				position: relative;
				left: 210px;
				top: 13px;

			}
			.c li,.d li{
				display: inline-block;
			}
			.fanhuizhuye:hover{
				color: #D2691E;
			}
		</style>
	</head>
	<body>
		<script type="text/javascript">
			$(".dengLu").click(function(){
				var val=$(".a").val();
				if(val.length==0){
					alert("手机号不能为空的")
				}
			})
		</script>
		<div id="first"></div>
		<div id="second">			
					<a href="index.html" style="position: relative;bottom: 130px;right: 1100px;color:white" class="fanhuizhuye">&lt;&nbsp;返回主页</a>
			<a href="login.html"><h2 class="h2-1">帐号登录</a>&nbsp;&nbsp;&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="register.html">立即注册</h2></a>
		<br >
		<input type="text" placeholder="邮箱/手机号/小米ID" class="a" required="required"/>
		<br/>
		<input type="text" placeholder="密码" class="b"/>
		<a href="#">
		<div class="denglu">
			<p class="denglufont">登录</p>
		</div></a>
		<ul class="c">
			<a href="#"><li>手机短信短信登录/注册</li></a>
		</ul>
		<ul class="d">
			<a href="#"><li>立即注册</a>&nbsp;&nbsp;<a href="#">忘记密码</a></li>
		</ul>
		</div>
	</body>
</html>
